import ImageCard from '@/components/imageCard';
import {getFoods} from "@/lib/data";

export default async function Page() {
  const scenesData = await getFoods();
  return (
      <div className="container mx-auto p-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
        {scenesData.map((data, index) => (
          <ImageCard
            key={index}
            imageUrl={data.imageUrl}
            title={data.title}
          />
        ))}
      </div>
  );
}
